
	header{
		width: 100%;
		background-color: black;
		height: 130px;
		box-shadow: 0px 5px darkgray;
		opacity: 0.75;
		position: relative;
	
	}
	header img{
	    display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	
	}
  header a{
  	color: lightgray;
  }
 header a:link{
  	text-decoration: none;
  }
  header a:hover{
  	color: white;
  	text-decoration: none;
  }
.daohang nav{
	text-align: center;
	margin: auto;
	margin-top: 10px;
	padding: auto;
   /*display: flex;
   justify-content: space-around;*/
	
}
.daohang{
bottom: 2px;
top: 5px;

}
main {
	background-color: ghostwhite;
   margin:30px 30px; 

}
main p{
	color: darkgray;
	font-size: 20px;
}
.description{
	width: 93.5%;
	height: 40px;
	position: absolute;
	z-index: 42;
	opacity: 0.5;
	filter:alpha(opacity=50);
	background-color: black;
	overflow: hidden;
	margin-top: -40px;
	border-radius: 5px;
}
.description p{
  color:white;
  width: 100%;
  text-align: center;
padding-top:3px;
padding-bottom: 3px;
 top: 0px;
  display: block;
 
}
.circle{
position: absolute;
width: 93.5%;
text-align: center;
bottom: -20px;

}
.slider{
position: absolute;
cursor: hand;
width: 10px;
height: 10px;
background-color:red ;
display: inline-block;
justify-content: center;
align-items:center ;
margin: 0px 8px;
border: 2px yellow;
}

.picture{
display: flex;
text-align: center;
flex-wrap: nowrap;
	width: 100%;
	opacity: 0.5;
	margin: 0.8% auto;
}
.picture span img{
	max-width: 93.5%;
	
	margin: 0px -2px;
}
.photo{
	width: 31%;
	border-radius: 5px;
	background: white;
	float: left;
	margin: 2% 0;

	text-decoration: none;
	box-shadow: 2px 2px 2px gray;
	
	}
.photo2{
	margin: 2% 3.5%;
	
}	
.photo img{
	width: 100%;
	
	border-radius: 5px;
}
.photo p{
	color: #666666;
	text-align: center;
	
 
    font-size: 18px;
}
.photo:hover{
	text-decoration: none;
}
 footer{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
    margin-top: 30px;
	background-color:lightgray;
    overflow: hidden;
   
    
 
}
.left-footer,.right-footer{
	width: 48%;
	display: inline-block;
	
}
.left-footer{

    vertical-align: top;
    
    float: left;
}
.right-footer{
	border-left: 2px gray dotted;
	float: right;
}
.clls{
	float: right;
	height: 50px;
	background-color: darkgray;
}
.clls a{
	width: 120px;
	float: left;
	margin-left: 0;

}
.clls a img{
	width: 100%;
	

}
.alls{
	margin-left: 3%;
	font-size: 20px;
	
	}
.alls-logo{
	width: 70%;
	margin-bottom: 10px;
	
}

.alls-logo img{
	width: 65%;
	opacity: 0.5;
}	
.alls p{
	color: purple;
	margin-bottom: 8px;
	margin-left: 58px;
}
@media screen and (max-width:1024px) {
header{
		width: 100%;
		background-color: black;
		height: 160px;
		box-shadow: 0px 5px darkgray;
		opacity: 0.75;
		position: relative;
	
	}
	header img{
	    display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	
	}
header nav{
	font-size: 25px;
	margin-left: 40px;
	padding-left: 30px;
	padding-right: 30px;
}

.description p{
	font-size: 60px;
}

.jianjie{
	font-size: 40px;
	
}
.description{
	height: 70px;
	width: 91%;
	margin-top: -65.5px;
	border-radius: 5px;
}
.description p{
	font-size: 40px;
}
.picture{
 display: flex;
 text-align: center;
 flex-wrap: wrap;
	width: 100%;
	opacity: 0.8;
	margin: 0.8% 1%;
}
.picture span img{
	max-width: 90.5%;
	
	margin: 0px 4px;
}
.content .photo:nth-child(n) {
	width: 48%;
	margin-top: 2%;
	margin-left: 4%;
	margin-right: 0;
}

.content .photo:nth-child(2n+1) {
	margin-left: 0;
}
.photo p{
	
    
    font-size: 25px;
}

}
@media screen and (max-width:640px){
	header nav{
	font-size: 25px;
	margin-left: 40px;
	padding-left: 30px;
	padding-right: 30px;
}
.description p{
	font-size: 40px;
}
.content .photo:nth-child(n) {
	width: 48%;
	margin-top: 2%;
	margin-left: 4%;
	margin-right: 0;
}

.content .photo:nth-child(2n+1) {
	margin-left: 0;
}
.photo p{
	
    
    font-size: 25px;
}
}
@media screen and (max-width:480px){


